/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
    background: #2E5E79;
    color: #333;
    font-size: 11px;
    padding: 0 0 0px;
}

.hidden {
    height: 0px;
    visibility: hidden;
}

/*
    Link page
*/

.linkPage {
    line-height: 30px;
}

    .linkPage a {
        padding: 5px 7px;
        margin: 2px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
    }

        .linkPage a:hover {
            background-color: #999;
            color: #fff;
        }

    .linkPage .currentPage {
        padding: 5px 7px;
        margin: 2px;
        width: 10px;
        border: 1px solid #ccc;
        background-color: #999;
        color: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
    }

/* commons
----------------------------------------------- */
.floatleft {
    float: left;
}

.floatright {
    float: right;
}

    .floatright img.floatright-img {
        padding: 2px;
        min-width: 150px;
        max-width: 200px;
        max-height: 250px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

.fontwhite {
    color: #fff;
}

.small {
    font-size: 9px;
}

.inline-ul li {
    display: inline;
    color: #fff;
}

.marginleft10 {
    margin-left: 10px;
}

.grey {
    color: #C2C2C2;
}

/* anchors
----------------------------------------------- */
a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

    a:hover {
        color: #333;
    }


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
    background: #2E5E79;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    margin-bottom: .3em;
}

h2 {
    margin-top: 1em;
}

h6 {
    font-size: 1em;
    text-transform: uppercase;
}


h1 a {
    font-weight: normal;
}


/* branding
----------------------------------------------- */
#branding {
    font-weight: normal;
    text-align: left;
    padding: 2em 1em 1.6em 1em;
    margin-bottom: 0;
}

.header-repeat {
    background: url(../Icons/header-repeat.jpg) repeat-x;
}

#branding a {
    color: #A1EAFF;
    font-weight: normal;
}

    #branding a:hover {
        color: #fff;
    }

    #branding a:before {
        content: " | ";
        color: #fff;
    }

#branding ul, #branding ul li {
    margin: 0px;
    padding: 0px;
}

#branding li {
    padding: 0px 0px 0px 0px !important;
}

.top-10 {
    margin-top: -10px;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
    font-weight: normal;
    padding: .5em;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    color: #fff;
}


/* boxes
----------------------------------------------- */
.box {
    background: #fff;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
    margin-left: -8px;
}

    .box.grid {
        padding-bottom: 40px;
    }

    .box.round {
        -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
        -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
        border-radius: 5px 5px 0px 0px; /* CSS3 */
    }

    .box h2, .box h3 {
        font-size: 1.2em;
        font-weight: bold;
        color: #1B548D;
        background: #E6F0F3;
        margin: -10px -10px 0 -10px;
        padding: 10px 12px;
        border-bottom: 1px solid #B3CBD6;
        -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
        -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
        border-radius: 5px 5px 0px 0px; /* CSS3 */
        overflow: hidden;
    }

        .box h3 a {
            color: #1B548D;
            font-weight: normal;
        }

        .box h3 a:hover {
            color: #E76200;
        }

        .box h2 a,
        .box h2 a.visible {
            color: #1B548D;
            display: block;
            padding: 6px 12px;
            margin: -6px -12px;
            border: none;
            -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
            -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
            border-radius: 5px 5px 0px 0px; /* CSS3 */
        }

.grid_4 .box h2 a {
    background-position: 97% 50%;
}

.grid_5 .box h2 a {
    background-position: 98% 50%;
}

.grid_12 .box h2 a {
    background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
    background-image: url("../Icons/switch_plus.gif");
}

.box h2 a:hover {
    background-color: transparent;
}

.box.first {
    margin-top: 20px;
}

.block {
    padding-top: 20px;
}

div.menu {
    padding: 0;
}

    div.menu h2 {
        margin: 0;
    }

    div.menu .block {
        padding-top: 0;
    }


/* sidebar menu
----------------------------------------------- */

.box.sidemenu {
    background-color: #D1DEE4;
    border-right: 1px solid #3A5665;
    padding: 0px;
    margin: 20px 0px 20px 0px;
    cursor: pointer;
}

    .box.sidemenu .block {
        padding-top: 0px;
        margin-top: 0px;
    }

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
    margin-bottom: 1em;
}

blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.2em;
    padding-left: 1em;
    border-left: 4px solid #ccc;
}

    blockquote cite {
        font-size: .9em;
    }

ul, ol {
    padding-top: 0;
}


    /* menus
----------------------------------------------- */
    ul.menu {
        list-style: none;
        border-top: 1px solid #bbb;
    }

        ul.menu li {
            margin: 0;
        }

            ul.menu li a {
                display: block;
                padding: 4px 10px;
                border-bottom: 1px solid #ccc;
            }

                ul.menu li a:hover {
                    background: #eee;
                }

                ul.menu li a:active {
                    background: #ccc;
                }


        /* submenus
----------------------------------------------- */
        ul.menu ul {
            list-style: none;
            margin: 0;
        }

            ul.menu ul li a {
                padding-left: 30px;
            }


    /* section menus
----------------------------------------------- */
    ul.section {
        border-top: 0;
        margin-bottom: 0;
    }

        ul.section li {
        }

            ul.section li a {
                background: url(../Icons/sidemenu-repeat.jpg) repeat-x;
                line-height: 26px;
            }

                ul.section li a:hover {
                    background: url(../Icons/sidemenu-repeat-hover.jpg) repeat-x;
                }

                ul.section li a:active {
                    color: #1B548D;
                    background: url(../Icons/sidemenu-repeat-hover.jpg) repeat-x;
                }

            ul.section li li a {
                background: #ddd;
                border-bottom: 1px solid #eee;
            }

                ul.section li li a:hover {
                    background: #ccc;
                }

                ul.section li li a:active {
                    color: #000;
                    background: #fff;
                }

        ul.section ul li {
            text-transform: none;
        }

        ul.section ul.current li a {
            background: #eee;
            border-bottom: 1px solid #fff;
        }

            ul.section ul.current li a:hover {
                background: #E6F0F3;
            }

            ul.section ul.current li a:active {
                background: #E6F0F3;
            }

        ul.section li a.current {
            color: #1B548D;
            background: url(../Icons/sidemenu-repeat-hover.jpg) repeat-x;
        }

            ul.section li a.current:hover {
                color: #1B548D;
                background: url(../Icons/sidemenu-repeat-hover.jpg) repeat-x;
            }

            ul.section li a.current:active {
                color: #1B548D;
                background: url(../Icons/sidemenu-repeat-hover.jpg) repeat-x;
            }

        ul.section li a.active {
            background: #fff;
            cursor: default;
        }

        ul.section li.current > a.active,
        ul.section li.current > a.active:hover {
            color: #fff;
            background: #666;
            cursor: default;
        }


/* table
----------------------------------------------- */
table.form {
    width: 100%;
}

    table.form td {
        padding: 4px 0px;
        display: table-cell;
    }

        table.form td img {
            width: 200px;
            vertical-align: middle;
        }

    table.form label {
        font-weight: bold;
    }

    table.form .col1 {
        width: 30%;
    }

    table.form .col2 {
    }

    table.form input, table.form select {
        padding: 4px 4px 5px 4px;
        border-top: 1px solid #b3b3b3;
        border-left: 1px solid #b3b3b3;
        border-right: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

input.mini {
    width: 30%;
}

input.medium {
    width: 55%;
}

input.large {
    width: 85%;
}

input.date {
    width: 180px;
}

input.button {
    margin: 0;
    padding: 4px 8px 4px 8px;
    background: #D4D0C8;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #404040;
    border-bottom: 1px solid #404040;
    color: #000000;
}


input.error {
    background: #FBE3E4;
    border-top: 1px solid #e1b2b3;
    border-left: 1px solid #e1b2b3;
    border-right: 1px solid #FBC2C4;
    border-bottom: 1px solid #FBC2C4;
}

input.success {
    background: #E6EFC2;
    border-top: 1px solid #cebb98;
    border-left: 1px solid #cebb98;
    border-right: 1px solid #c6d880;
    border-bottom: 1px solid #c6d880;
}

input.warning {
    background: #fff3b3;
    border-top: 1px solid #cebb98;
    border-left: 1px solid #cebb98;
    border-right: 1px solid #c6d880;
    border-bottom: 1px solid #c6d880;
}

span.error {
    margin: 8px 0 0 0;
    padding: 0;
    height: 1%;
    color: #FF0000;
}

span.success {
    margin: 8px 0 0 0;
    padding: 0;
    height: 1%;
    color: #7b912b;
}

label.error {
    margin: 8px 0 0 0;
    padding: 0;
    height: 1%;
    display: block;
    color: #FF0000;
}





/* site information
----------------------------------------------- */
#site_info {
    color: #fff;
    background: #204562;
    border-top: 1px solid #1d3b53;
    padding-left: 20px;
}

    #site_info p {
        line-height: 35px;
        margin-bottom: 0px;
    }

    #site_info a {
        color: #9ab6cc;
    }

        #site_info a:hover {
            color: #000;
        }


/* AJAX sliding shelf
----------------------------------------------- */
#loading {
    float: right;
    margin-right: 14px;
    margin-top: -2px;
}

.block {
    padding-bottom: 1px; /* background-color:red; margin-left:-10px; padding-left:10px;*/
}


/* Accordian
----------------------------------------------- */
.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size: 1.1em;
    font-weight: normal;
}

.element h4 {
    margin: 0;
    padding: 4px;
    line-height: 1.2em;
}

.element p {
    margin: 0;
    padding: 4px;
}

.float-right {
    padding: 10px 20px;
    float: right;
}

#accordian-block {
    padding-bottom: 10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box {
    padding: 0;
    overflow: hidden;
}

    #kwick-box h2 {
        margin: 0;
    }

#kwick {
    position: relative;
}

    #kwick .kwicks {
        display: block;
        background: #999;
        height: 120px;
        list-style: none;
        margin: 0;
        overflow: hidden;
    }

    #kwick li {
        float: left;
        margin: 0;
        padding: 0;
    }

    #kwick .kwick {
        display: block;
        cursor: pointer;
        overflow: hidden;
        height: 100px;
        width: 215px;
        padding: 10px;
        background: #fff;
    }

        #kwick .kwick span {
            color: #fff;
        }

    #kwick .one {
        background: #666;
    }

    #kwick .two {
        background: #777;
    }

    #kwick .three {
        background: #888;
    }

    #kwick .four {
        background: #999;
    }


.stat-col {
    float: left;
    margin: 0px;
    margin-right: 30px;
}

    .stat-col span {
        font-weight: bold;
        font-size: 1.1em;
        font-family: Helvetica Neue, Arial;
    }

    .stat-col p {
        font-family: Helvetica Neue, Arial;
        font-size: 3em;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(27, 27, 27, 0.4);
        ;
        filter: dropshadow(color=#1b1b1b, offx=1, offy=1) /* IE */
        -moz-border-radius: 4px; /* Firefox */
        -webkit-border-radius: 4px; /* Safari, Chrome */
        border-radius: 4px; /* CSS3 */
        line-height: 1.1em;
        padding: 4px 12px;
        margin-bottom: 10px;
        margin-top: 4px;
    }


        .stat-col p.purple {
            background-color: #47196e;
            background: -webkit-gradient(linear, left top, left bottom, from(#a072c7), to(#47196e));
            background: -webkit-linear-gradient(top, #a072c7, #47196e);
            background: -moz-linear-gradient(top, #a072c7, #47196e);
            background: -ms-linear-gradient(top, #a072c7, #47196e);
            backgroun: -o-linear-gradient(top, #a072c7, #47196e);
            background: linear-gradient(top, #a072c7, #47196e);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a072c7', EndColorStr='#47196e');
        }

        .stat-col p.yellow {
            background-color: #ffb400;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc22e), to(#d19400));
            background-image: -webkit-linear-gradient(top, #ffc22e, #d19400);
            background-image: -moz-linear-gradient(top, #ffc22e, #d19400);
            background-image: -ms-linear-gradient(top, #ffc22e, #d19400);
            background-image: -o-linear-gradient(top, #ffc22e, #d19400);
            background-image: linear-gradient(top, #ffc22e, #d19400);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc22e', EndColorStr='#d19400');
        }

        .stat-col p.darkblue {
            background-color: #163247;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#5d798e), to(#163247));
            background-image: -webkit-linear-gradient(top, #5d798e, #163247);
            background-image: -moz-linear-gradient(top, #5d798e, #163247);
            background-image: -ms-linear-gradient(top, #5d798e, #163247);
            background-image: -o-linear-gradient(top, #5d798e, #163247);
            background-image: linear-gradient(top, #5d798e, #163247);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d798e', EndColorStr='#163247');
        }

        .stat-col p.green {
            background-color: #5c8000;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#a3c747), to(#5c8000));
            background-image: -webkit-linear-gradient(top, #a3c747, #5c8000);
            background-image: -moz-linear-gradient(top, #a3c747, #5c8000);
            background-image: -ms-linear-gradient(top, #a3c747, #5c8000);
            background-image: -o-linear-gradient(top, #a3c747, #5c8000);
            background-image: linear-gradient(top, #a3c747, #5c8000);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a3c747', EndColorStr='#5c8000');
        }

        .stat-col p.blue {
            background-color: #074676;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#4d8cbc), to(#074676));
            background-image: -webkit-linear-gradient(top, #4d8cbc, #074676);
            background-image: -moz-linear-gradient(top, #4d8cbc, #074676);
            background-image: -ms-linear-gradient(top, #4d8cbc, #074676);
            background-image: -o-linear-gradient(top, #4d8cbc, #074676);
            background-image: linear-gradient(top, #4d8cbc, #074676);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d8cbc', EndColorStr='#074676');
        }

        .stat-col p.red {
            background-color: #a40312;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ea4958), to(#a40312));
            background-image: -webkit-linear-gradient(top, #ea4958, #a40312);
            background-image: -moz-linear-gradient(top, #ea4958, #a40312);
            background-image: -ms-linear-gradient(top, #ea4958, #a40312);
            background-image: -o-linear-gradient(top, #ea4958, #a40312);
            background-image: linear-gradient(top, #ea4958, #a40312);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea4958', EndColorStr='#a40312');
        }

    .stat-col.last {
        margin-right: 0px;
    }



/* -----------------------------------------------------------
	images
----------------------------------------------------------- */

img.left {
    margin: 10px 10px 10px 0;
    border: none;
    float: left;
}

img.right {
    margin: 10px 0 10px 10px;
    border: none;
    float: right;
}

.fullpage {
    margin-left: 0px;
}


/* form */

.table-form {
}



/* PrettyPhoto styling */




.prettygallery {
    margin-top: 10px;
}

    .prettygallery li {
        display: inline;
        padding: 0px 70px 40px 10px;
        margin: 0px;
        float: left;
    }

    .prettygallery img {
        box-shadow: 0px 0px 5px #ccc;
        -moz-box-shadow: 0px 0px 5px #ccc;
        -webkit-box-shadow: 0px 0px 5px #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
        background: #fff;
    }





/* Data Tables */


.dataTables_info,
.dataTables_paginate {
    margin-bottom: 3em;
}

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
    margin-bottom: 1em;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
    margin-bottom: 1em;
}

.dataTables_info {
    width: 60%;
    float: left;
    margin-top: 1em;
}

.dataTables_paginate {
    float: right;
    text-align: right;
    margin-top: 1em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    /* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

    table.display th { /* background:#8f8f8f;   */
    }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */


.sorting_asc {
    background: #8f8f8f url(../Icons/table/sort_asc.png) no-repeat center left;
    padding: 8px 20px;
    text-align: left;
    color: #fff;
}

.sorting_desc {
    background: #8f8f8f url(../Icons/table/sort_desc.png) no-repeat center left;
    padding: 8px 20px;
    text-align: left;
    color: #fff;
}

.sorting {
    background: #8f8f8f url(../Icons/table/sort_both.png) no-repeat center left;
    padding: 8px 20px;
    text-align: left;
    color: #fff;
}

.sorting_asc_disabled {
    background: #8f8f8f url(../Icons/table/sort_asc_disabled.png) no-repeat center left;
    padding: 8px 20px;
    text-align: left;
    color: #fff;
}

.sorting_desc_disabled {
    background: #8f8f8f url(../Icons/table/sort_desc_disabled.png) no-repeat center left;
    padding: 8px 20px;
    text-align: left;
    color: #fff;
}




tr.odd {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

tr.even {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e6e6e6;
}

    tr.odd:hover, tr.even:hover {
        background: #f6f6f6;
    }

    tr.odd td, tr.even td {
        padding-left: 5px;
        vertical-align: middle;
        display: table-cell;
    }

        tr.odd td img, tr.even td img {
            width: 120px;
            vertical-align: middle;
        }

        tr.odd td a, tr.even td a {
            color: #000;
            font-weight: normal;
        }

            tr.odd td a:hover, tr.even td a:hover {
                color: #E76200;
            }

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot {
    display: none;
}

    tfoot input {
        margin: 0.5em 0;
        width: 100%;
        color: #444;
    }

        tfoot input.search_init {
            color: #999;
        }

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers span.paginate_button,
    .paging_full_numbers span.paginate_active {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
    }

    .paging_full_numbers span.paginate_button {
        background-color: #ddd;
    }

        .paging_full_numbers span.paginate_button:hover {
            background-color: #ccc;
        }

    .paging_full_numbers span.paginate_active {
        background-color: #99B3FF;
    }


/* Buttons */

.btn,
.btn-icon,
.btn-mini {
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 4px;
    *padding: 0 7px 4px;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
    cursor: pointer;
    position: relative;
}

    /* Active/Click state */
    .btn:active, .btn-icon:active, .btn-mini:active {
        top: 1px;
    }


/* Sizes */
.btn, .btn-icon {
    background-position: 0 -80px;
    font-size: 12px;
    height: 32px;
    line-height: 29px;
}

    .btn.btn-small, .btn-icon.btn-small {
        background-position: 0 0;
        font-size: 10px;
        height: 26px;
        line-height: 23px;
    }

    .btn.btn-large, .btn-icon.btn-large {
        background-position: 0 -160px;
        font-size: 15px;
        height: 42px;
        line-height: 40px;
    }

/* Sizes - Line height for A buttons need to be different */
a.btn, a.btn-icon {
    height: 28px;
    line-height: 32px;
    padding-bottom: 0;
}

    a.btn.btn-small, a.btn-icon.btn-small {
        line-height: 26px;
        padding-bottom: 0;
    }

    a.btn.btn-large, a.btn-icon.btn-large {
        line-height: 42px;
        padding-bottom: 0;
    }


/* Fix the button in IE7 :-( */
* + html .btn, * + html .btn-icon {
    border-color: none;
    border: 1px solid transparent;
}



    /* Set default button colors */
    .btn, .btn-icon, .btn-mini,
    .btn:visited, .btn-icon:visited, .btn-mini:visited {
        background-image: url(../Icons/bg-lite.png);
        background-color: #F90;
        border-color: #D58000;
        color: #FFF;
    }

        .btn:hover, .btn-icon:hover, .btn-mini:hover {
            background-color: #D58000;
            color: #FFF;
        }


/* Colors */
.btn-pink,
.btn-pink:visited {
    background-color: #FF0066;
    border-color: #DA0C59;
}

    .btn-pink:hover {
        background-color: #DA0C59;
    }

.btn-blue,
.btn-blue:visited {
    background-color: #066ECD;
    border-color: #0561B4;
}

    .btn-blue:hover {
        background-color: #0561B4;
    }

.btn-red,
.btn-red:visited {
    background-color: #E40001;
    border-color: #CC0000;
}

    .btn-red:hover {
        background-color: #CC0000;
    }

.btn-green,
.btn-green:visited {
    background-color: #77B32F;
    border-color: #689C29;
}

    .btn-green:hover {
        background-color: #689C29;
    }

.btn-black,
.btn-black:visited {
    background-color: #111;
    border-color: #000;
}

    .btn-black:hover {
        background-color: #000;
    }

.btn-purple,
.btn-purple:visited {
    background-color: #7B0F75;
    border-color: #6A0D66;
}

    .btn-purple:hover {
        background-color: #6A0D66;
    }

.btn-navy,
.btn-navy:visited {
    background-color: #002142;
    border-color: #00172F;
}

    .btn-navy:hover {
        background-color: #00172F;
    }

.btn-maroon,
.btn-maroon:visited {
    background-color: #750000;
    border-color: #530000;
}

    .btn-maroon:hover {
        background-color: #530000;
    }

.btn-yellow,
.btn-yellow:visited {
    background-color: #FFCC00;
    border-color: #D9AD01;
}

    .btn-yellow:hover {
        background-color: #D9AD01;
    }

.btn-teal,
.btn-teal:visited {
    background-color: #39A7B6;
    border-color: #2E8794;
}

    .btn-teal:hover {
        background-color: #2E8794;
    }

.btn-orange,
.btn-orange:visited {
    background-color: #F90;
    border-color: #D58000;
    color: #FFF;
}

    .btn-orange:hover {
        background-color: #D58000;
        color: #FFF;
    }

.btn-grey,
.btn-grey:visited {
    background-color: #999;
    border-color: #888;
    color: #FFF;
}

    .btn-grey:hover {
        background-color: #888;
        color: #FFF;
    }


/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-blue,
.btn-black,
.btn-purple,
.btn-navy,
.btn-maroon,
.btn-teal,
.btn-grey {
    background-image: url(../Icons/bg-dark.png) !important;
}


/* 65% opacity for lighter colors */
.btn-red,
.btn-orange,
.btn-green,
.btn-yellow,
.btn-pink {
    background-image: url(../Icons/bg-lite.png) !important;
}



/* Icon Button Styles */
.btn-icon {
    padding-left: 32px !important;
}

* + html .btn-icon {
    padding-left: 20px !important;
    padding-right: 5px !important;
}

    .btn-icon span {
        background-image: url(../Icons/btn-icons.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 6px;
        top: 6px;
    }

    .btn-icon.btn-small span {
        top: 4px;
    }

    .btn-icon.btn-large span {
        top: 12px;
    }

@-moz-document url-prefix() {
    .btn-icon span;

{
    left: -24px;
    top: 0px;
}

.btn-icon.btn-small span {
    top: -1px;
}

.btn-icon.btn-large span {
    top: 4px;
}

}


/* Mini Buttons */
.btn-mini {
    background-position: 0 0;
    width: 32px;
    height: 26px !important;
    line-height: 500px !important;
    overflow: hidden;
    padding: 0;
}

    .btn-mini span {
        background-image: url(../Icons/btn-icons.png);
        background-repeat: no-repeat;
        display: block;
        width: 16px;
        height: 16px;
        line-height: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -8px;
        margin-top: -8px;
    }


/* Icon Classes */
.btn-arrow-down span {
    background-position: -48px 0;
}

.btn-arrow-up span {
    background-position: -32px 0;
}

.btn-arrow-right span {
    background-position: -16px 0;
}

.btn-arrow-left span {
    background-position: 0 0;
}

.btn-comment span {
    background-position: -112px 0;
}

.btn-heart span {
    background-position: -96px 0;
}

.btn-star span {
    background-position: -80px 0;
}

.btn-cart span {
    background-position: -64px 0;
}

.btn-print span {
    background-position: -128px 0;
}

.btn-rss span {
    background-position: -144px 0;
}

.btn-person span {
    background-position: 0 -16px;
}

.btn-check span {
    background-position: -16px -16px;
}

.btn-dollar span {
    background-position: -32px -16px;
}

.btn-refresh span {
    background-position: -48px -16px;
}

.btn-home span {
    background-position: -64px -16px;
}

.btn-plus span {
    background-position: -80px -16px;
}

.btn-minus span {
    background-position: -96px -16px;
}

.btn-cross span {
    background-position: -112px -16px;
}


/* Transparent Button Styles */
.btn-transparent, .btn-transparent:hover {
    background-image: url(../Icons/bg-lite.png);
    background-color: transparent;
    filter: none;
    border-color: transparent\0/;
    border-color: rgba(0,0,0,.4) !important;
    margin: 0 1em 0 0;
}

* + html .btn-transparent {
    border: none;
}


/*  Notifications */

.message {
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}

    .message h3 {
        margin-top: 0;
    }

    .message p {
        margin-bottom: 0;
    }

    .message.info {
        border: 1px solid #cadcea;
        background: #e1f2fc;
        background: -webkit-gradient(linear, left top, left bottom, from(#e1f2fc), to(#cae9fd));
        background: -moz-linear-gradient(top, #e1f2fc, #cae9fd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f2fc', endColorstr='#cae9fd');
        color: #225b86;
        text-shadow: 0 1px 0 #fff;
    }

    .message.error {
        border: 1px solid #eeb7ba;
        background: #fae2e2;
        background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
        background: -moz-linear-gradient(top, #fae2e2, #f2cacb);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
        color: #be4741;
        text-shadow: 0 1px 0 #fff;
    }

    .message.success {
        border: 1px solid #b8c97b;
        background: #e5edc4;
        background: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
        background: -moz-linear-gradient(top, #e5edc4, #d9e4ac);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
        color: #3f7227;
        text-shadow: 0 1px 0 #fff;
    }

    .message.warning {
        border: 1px solid #e5dbaa;
        background: #ffffc0;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#f9ee9c));
        background: -moz-linear-gradient(top, #ffffc0, #f9ee9c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc0', endColorstr='#f9ee9c');
        color: #6d7829;
        text-shadow: 0 1px 0 #fff;
    }

.gallery-sand .sorting {
    background-color: white !important;
}
